<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta property="qc:admins" content="56207406376255516375">
    <title>收银台 - 聚美优品</title>
</head>

<body>
    <style type="text/css">
        .cart_header {
            width: 960px;
            margin: 0 auto;
        }
        
        .cart_header_box {
            border-bottom: 2px solid #e5e5e5;
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
            padding-bottom: 15px;
        }
        
        .cart_header .logo_box {
            float: left;
        }
        
        .cart_header .logo_box .logo {
            width: 130px;
            overflow: hidden;
            float: left;
        }
        
        .cart_header .logo_box .text {
            float: left;
            margin-top: 9px;
            margin-left: 5px;
            font-weight: normal;
        }
        
        .cart_header .logo_box .text .phone {
            font-size: 16px;
        }
        
        .cart_header .logo_box .text .time {
            color: grey;
        }
        
        .cart_header .order_path {
            float: right;
            width: 377px;
            height: 48px;
        }
        
        .cart_header .order_path_1 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20191009_1/images/order_path.png) no-repeat;
            background-position: -2px -2px;
        }
        
        .cart_header .order_path_2 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20191009_1/images/order_path.png) no-repeat;
            background-position: -2px -54px;
        }
        
        .cart_header .order_path_3 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20191009_1/images/order_path.png) no-repeat;
            background-position: -2px -106px;
        }
        
        .cart_header .order_path_4 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20191009_1/images/order_path.png) no-repeat;
            background-position: -2px -158px;
        }
        
        .cart_top {
            position: relative;
            height: 32px;
            line-height: 32px;
            color: #999999;
            width: 960px;
            margin: 0 auto;
        }
        
        .cart_top .user_box {
            position: absolute;
            right: 0;
            top: 0;
        }
        
        .cart_top .user_box .tips {
            font-style: normal;
            color: #dddddd;
            padding: 0 5px;
        }
        
        .cart_top .user_box .out,
        .cart_top .user_box .query {
            color: #999999;
        }
        
        .cart_top .user_box a:hover {
            text-decoration: none;
            color: #ed145b;
        }
    </style>

    <div style="background: white;">

        <div class="cart_top">
            <div class="user_box" id="JS_user_box">
                <div>欢迎您，
                    <a href="http://i.jumei.com//i/order/list" id="id"></a>&nbsp;<a href="http://passport.jumei.com/i/account/logout" class="out">[退出]</a><i class="tips">|</i><a href="http://i.jumei.com//i/order/list" class="query">订单查询</a></div>
            </div>
        </div>

        <div class="cart_header_box">
            <div class="cart_header clearfix">
                <div class="logo_box">
                    <div class="logo">
                        <a href="http://www.jumei.com?from=cart_add" target="_blank" id="home">
                            <img src="http://f0.jmstatic.com/static_cart/dist/20191009_1/images/cart_logo.jpg?v=1" alt="化妆品团购">
                        </a>
                    </div>
                    <div class="text">
                        <div class="phone">400-011-0888</div>
                        <div class="time">9:00-18:00</div>
                    </div>
                </div>

                <div class="order_path order_path_4">
                </div>
            </div>
        </div>

    </div>

    <div id="container" style="width: auto;">
        <link rel="stylesheet" href="http://f0.jmstatic.com/static_cart/dist/20191009_1/css/Cashier/cashier.css">

        <script type="text/javascript">
            window.GLOBAL = {
                "initData": {
                    "confirmationId": "c300658049146",
                    "lastgroup": "1",
                    "orderIds": ["1161131816"],
                    "payOrdersSummary": {
                        "has_gateway_buyer_policy": false,
                        "amount": "439.00",
                        "address_id": "316509321",
                        "delivery_day": "weekday",
                        "allow_cod": 0,
                        "has_sec_kill_order": 0,
                        "bonded_warehouse": 0,
                        "bonded_warehouse_001": 0,
                        "enable_global_pop_online_pay": true,
                        "contain_global": 1,
                        "force_online_pay_amount": 0.03,
                        "amount_001": 0,
                        "has_presale_balance": 0,
                        "has_global_product": 1,
                        "hb_amount": "439",
                        "has_recharge_order": false,
                        "has_gift_package_order": false,
                        "allow_balance": 0,
                        "deny_cod_desc": "\u60a8\u8d2d\u4e70\u7684\u5546\u54c1\u4e0d\u652f\u6301\u8d27\u5230\u4ed8\u6b3e",
                        "is_online_pay": 0,
                        "balance": 0,
                        "balance_txt": "",
                        "gift_card": {
                            "allNotAllow": 1,
                            "giftCardBalance": 0,
                            "giftCardBalanceCanUsed": 0,
                            "forbiddenProducts": {
                                "7011250808_ht20191029175316p4970418": {
                                    "item_short_name": "\u96c5\u8bd7\u5170\u9edb(Estee Lauder)\u65b0\u7248\u6297\u84dd\u5149\u5c0f\u68d5\u74f6\u7cbe\u534e\u773c\u971c15ml \u6de1\u5316\u7ec6\u7eb9\/\u9ed1\u773c\u5708",
                                    "product_id": "4970418"
                                }
                            },
                            "totalAmount": 439,
                            "balance": 0,
                            "balanceCanUsed": 0
                        },
                        "gift_card_balance": 0,
                        "global_order_amount": 439,
                        "order_ids": ["1161131816"],
                        "orders": {
                            "1161131816": {
                                "cart_ext_info": {
                                    "confirm_id": ""
                                },
                                "pick_type": 0,
                                "order_points_discount_total_price": 0
                            }
                        },
                        "available_methods": [],
                        "giftcard_balance_info": {
                            "totalAmount": "439.00",
                            "balance": "0.00",
                            "use_balance": "0.00",
                            "balanceCanUsed": "0.00",
                            "giftCardBalance": "0.00",
                            "use_gift_card": "0.00",
                            "giftCardBalanceCanUsed": "0.00",
                            "use_online": "439.00",
                            "allNotAllow": 1,
                            "tips": ""
                        },
                        "addressInfo": {
                            "province_code_info": {
                                "name": "\u5e7f\u4e1c\u7701",
                                "parent_code": "0"
                            },
                            "street_code_info": "",
                            "address_id": "316509321",
                            "uid": "1139659146",
                            "unstructured_address": "",
                            "structured_address": "\u5e7f\u4e1c\u7701-\u6df1\u5733\u5e02-\u576a\u5c71\u65b0\u533a",
                            "structured_code": "440311000",
                            "province_code": "44",
                            "city_code": "4403",
                            "district_code": "440311",
                            "street_code": "440311000",
                            "address": "\u667a\u80fd\u65f6\u4ee3\u5b66\u9662",
                            "postalcode": "000000",
                            "is_removed": "0",
                            "is_default": "0",
                            "date_added": "2021-11-15 14:49:01",
                            "invalid_structure_code": false,
                            "id_num": "",
                            "receiver_name": "*\u6b66",
                            "hp": "186****5704",
                            "phone": ""
                        },
                        "chk_balance_disabled": 0
                    },
                    "last_pay_method": "",
                    "pay_methods": {
                        //支付方式：微信、支付宝、扫码支付
                        "common_pay": {
                            "label": "\u652f\u4ed8\u5b9d\/\u5fae\u4fe1\u652f\u4ed8",
                            "pay_methods": [{
                                "value": "Alipay",
                                "cname": "\u652f\u4ed8\u5b9d",
                                "is_default": 1
                            }, {
                                "value": "WeixinQRCodeWeb",
                                "cname": "\u5fae\u4fe1\u652f\u4ed8",
                                "is_default": 0
                            }, {
                                "value": "AlipayQRCode",
                                "cname": "\u652f\u4ed8\u5b9d\u626b\u7801",
                                "is_default": 0
                            }],
                            "tips": [],
                            "is_default": 1
                        }
                    },
                    "advertising": "",
                    "codAlipayQRCodeScope": [],
                    "blanceValid": {
                        "mobile": "186****5704",
                        "needPhoneCode": "",
                        "cartWebMobileFrom": "from_cashier_page",
                        "cartWebMobileToken": "64dbcb2352bd0e753967f351bffbdfa1"
                    },
                    "error_msg": ""
                }
            }
        </script>

        <!--支付时候需要执行的脚本-->
        <script src="./js/jquery-3.6.0.js"></script>
        <script>
            $(function() {
                var remain = $(".minute").text();
                if (remain == "0") {
                    alert("您支付期限已到达，未完成支付")
                }
                $.get("http://127.0.0.1:8400/jumeiyoupin/homepage", {
                    "paying": true
                }, function(user) {
                    //购物车中的数据
                    var data = user.shopping;
                    this_user = user;
                    //购物车中总件数
                    var total_price = 0;
                    //清单中的商品总数量
                    var total_num = 0;
                    $.each(data, function(index, element) {
                        total_num++;
                        total_price += element.price - 0;
                        //循环购物车中的商品,拼接用于进行页面展示
                        cart_group_item += `
                        <tr class="cart_item ">
                            <td valign="top">
                                <div class="cart_item_desc clearfix">
                                    <input type="checkbox" class="js_item_selector cart_item_selector" data-item-key="7011266336_ht20191029164211p5001106" data-app="all" checked="'checked'/">
                                    <div class="cart_item_desc_wrapper">
                                        <a class="cart_item_pic" href="http://item.jumeiglobal.com/ht20191121145415p4970446.html?from=jmglobal" target="_blank"> 
                                            <img src="` + element.img + `"> 
                                            <span class="sold_out_pic png"></span> 
                                        </a> <a class="cart_item_link" href="http://item.jumeiglobal.com/ht20191121145415p4970446.html?from=jmglobal" target="_blank">
                                            ` + element.introduction + `
                                        </a>
                                        <div class="sale_info clearfix"> </div>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="cart_item_price">
                                    <p class="jumei_price">` + element.price + `</p>
                                </div>
                            </td>
                            <td>
                                <div class="cart_item_num ">
                                    <div class="item_quantity_editer clearfix" data-item-key="7011364379_ht20191121145415p4970446"> <span class="decrease_one disabled ">-</span> <input class="item_quantity" type="text" value="1" checked="checked> <span class="increase_one ">+</span> </div>
                                    <div class="item_shortage_tip"> </div>
                                </div>
                            </td>
                            <td>
                                <div class="cart_item_total">
                                    <p class="item_total_price">` + element.price + `</p>
                                </div>
                            </td>
                            <td>
                                <div class="cart_item_option">
                                    <a class="icon_small delete_item png" data-item-key="7011266336_ht20191029164211p5001106" href="javascript:void(0)" title="删除">删除</a>
                                </div>
                            </td>
                            
                        </tr>
                    `;
                    })
                    $(".cart_group_item>tbody").html(cart_group_item);
                    $(".common_handler").html(`
                    <div class="right_handler"> 共 <span class="total_amount"> ` + total_num + ` </span> &nbsp;件商品 &nbsp;&nbsp; 商品应付总额：<span class="total_price">¥` + total_price + `</span> <a id="go_to_order" class="btn" href="javascript:;">去结算</a> </div>
                    <label for="js_all_selector" class="cart_all_selector_wrapper"> <input type="checkbox" id="js_all_selector" class="js_all_selector all_selector"> 全选 </label>
                    <a class="go_back_shopping" href="http://www.jumeiglobal.com/">继续购物</a>
                    <span class="seperate_line">|</span>
                    <a class="clear_cart_all" href="">清空选中商品</a>
                `)
                }, "JSON");
            })
        </script>

        <div id="container">
            <div id="cart">
                <form action="/cashier/pay?order_ids=1161131816" method="post" id="check_pay_form" onsubmit="return false;" autocomplete="off">
                    <div class="main_content" data-reactid=".0">
                        <div class="payment" id="payment-method" data-reactid=".0.0">
                            <h2 class="title" data-reactid=".0.0.0">最后一步，请尽快付款！</h2>

                            <!--最后时间计时器-->
                            <div class="countdown_time_wrap" data-reactid=".0.0.1"><strong class="blackTip" data-reactid=".0.0.1.0"><strong data-reactid=".0.0.1.0.0"><span data-reactid=".0.0.1.0.0.0">请在 </span><span class="cart_countdown_time minute" data-reactid=".0.0.1.0.0.1">19</span><span data-reactid=".0.0.1.0.0.2">分</span><span class="cart_countdown_time second" data-reactid=".0.0.1.0.0.3">43</span><span data-reactid=".0.0.1.0.0.4">秒 内完成支付，并在下单后20分钟内完成支付。</span></strong></strong>
                                <a href="javascript:void(0);" class="sp_icon" data-reactid=".0.0.1.1">
                                    <div class="sp_icon_pos" data-reactid=".0.0.1.1.0"><span data-reactid=".0.0.1.1.0.0">由于商品库存有限，我们只能暂为您最多保存20分钟，</span><br data-reactid=".0.0.1.1.0.1"><span data-reactid=".0.0.1.1.0.2">20分钟后购物车将被清空，请尽快结算交易单。</span>
                                        <div data-reactid=".0.0.1.1.0.3"></div>
                                    </div>
                                </a>
                            </div>

                            <!--用户信息-->
                            <div class="order-info" data-reactid=".0.0.2">
                                <!--用户付款时金额-->>
                                <div class="fl price-box" data-reactid=".0.0.2.0"><span data-reactid=".0.0.2.0.0">应付金额：</span><span class="price" data-reactid=".0.0.2.0.1"><span data-reactid=".0.0.2.0.1.0">¥</span><span id="JS_pay_total_amount" data-reactid=".0.0.2.0.1.1"></span></span>
                                </div>
                                <!--用户购买商品后需要的信息-->>
                                <div class="fl deliver-info" data-reactid=".0.0.2.1">
                                    <p class="address" data-reactid=".0.0.2.1.0"></p>
                                    <p class="time" data-reactid=".0.0.2.1.1">送货时间： 仅工作日送货</p>
                                </div>
                            </div>

                            <noscript data-reactid=".0.0.3"></noscript>
                            <div id="paytype_balance_info" class="hide" data-reactid=".0.0.5"><input id="use_balance_checkbox" data-disabled="false" type="checkbox" data-reactid=".0.0.5.0"><label for="use_balance_checkbox" class="" style="position:relative;font-family:Helvetica, arial, sans-serif;margin-left:0px;" data-reactid=".0.0.5.1"><span id="paytype_balance" data-reactid=".0.0.5.1.0">聚美余额支付 </span><span class="true" data-reactid=".0.0.5.1.1"><span data-reactid=".0.0.5.1.1.0">&nbsp;&nbsp;</span><span class="pink" data-reactid=".0.0.5.1.1.1">¥0.00</span><span data-reactid=".0.0.5.1.1.2"><span data-reactid=".0.0.5.1.1.2.0">（聚美余额共：</span><span id="account_balance" class="pink" data-reactid=".0.0.5.1.1.2.1">¥0.00</span><span data-reactid=".0.0.5.1.1.2.2">）</span></span></span></label></div>
                            <noscript data-reactid=".0.0.6"></noscript>
                            <div class="gateway_ul_box" data-reactid=".0.0.8">
                                <ul class="gateway_ul" data-reactid=".0.0.8.0">
                                    <div data-reactid=".0.0.8.0.0"><noscript data-reactid=".0.0.8.0.0.0"></noscript><noscript data-reactid=".0.0.8.0.0.1"></noscript>
                                        <div data-reactid=".0.0.8.0.0.2">
                                            <div data-reactid=".0.0.8.0.0.2.$0">
                                                <li class="gateway_line ul_on" data-reactid=".0.0.8.0.0.2.$0.0">
                                                    <div data-reactid=".0.0.8.0.0.2.$0.0.0"><input id="id1637294418827" type="radio" checked="" data-reactid=".0.0.8.0.0.2.$0.0.0.0"><label class="tit" for="id1637294418827" data-reactid=".0.0.8.0.0.2.$0.0.0.1">支付宝/微信支付</label>
                                                    </div>
                                                </li>
                                            </div>
                                        </div>
                                    </div>
                                </ul>
                            </div>
                            <div class="confirm_pay main_content clearfix" style="padding-top:35px;" data-reactid=".0.0.9">
                                <div class="submit_box clearfix" data-reactid=".0.0.9.0">
                                    <div class="fr">
                                        <a href="javascript:submit_btn()" class="submit_btn" id="JS_btn_confirm_pay" ">立即支付</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!--计时器必须要的外部资源-->
        <script type="text/javascript " src="http://f0.jmstatic.com/static_lib/dist/20150412/website.min.js "></script>
        <script src="http://f0.jmstatic.com/static_cart/dist/20191009_1/js/../js/library/react.min.js "></script>
        <script src="http://f0.jmstatic.com/static_cart/dist/20191009_1/js/../js/library/react-dom.min.js "></script>
        <script src="./js/axios.min.js "></script>
        <script src="./js/jquery-3.6.0.js "></script>
        <script src="./js/提交订单.js "></script>
    </div>
</body>

</html>